<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<title>修改密码- 外咖APP任务发布平台</title>
		<link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="/static/layui/css/layui.css" />
		<link rel="stylesheet" href="/static/css/register.css" />
		<link rel="stylesheet" href="/static/css/changePwd.css" />
	</head>

	<body>
		<form class="layui-form" style="width: 48%;margin: 5% auto;font-size: 16px;">
			<div class="user_left" style="padding: 20px;">
				<fieldset class="layui-elem-field">
					<legend style="font-size: 30px;text-align: center;font-weight: bold;">修改密码</legend>
					<div class="layui-field-box">
						<div class="layui-form-item">
							<label class="layui-form-label">当前密码：</label>
							<div class="layui-input-block">
								<input type="password" id="current-pwd" placeholder="请输入当前密码" maxlength="20" lay-verify="required|oldpwd" class="layui-input">
							</div>
						</div>
						<hr />
						<div class="layui-form-item">
							<label class="layui-form-label">新密码：</label>
							<div class="layui-input-block">
								<input type="password" id="new-pwd" placeholder="请输入新密码" maxlength="20" lay-verify="required|newpwd" class="layui-input">
							</div>
						</div>
						<hr />
						<div class="layui-form-item">
							<label class="layui-form-label">密码强度：</label>
							<div class="layui-input-block">
								<div class="pwd-strength" id="checkPwdSecurity">
									<div class="pwd-strength-level level1">弱</div>
									<div class="pwd-strength-level level2">中</div>
									<div class="pwd-strength-level level3">强</div>
								</div>
							</div>
						</div>
						<hr />
						<div class="layui-form-item">
							<label class="layui-form-label">确认密码：</label>
							<div class="layui-input-block">
								<input type="password" id="confirm-new-pwd" placeholder="请再次输入新密码" maxlength="20" lay-verify="required|renewpwd" class="layui-input">
							</div>
						</div>
						<hr />
						<div class="layui-form-item">
							<label class="layui-form-label">验证码：</label>
							<div class="layui-input-block form_code">
								<input id="msg-code" class="layui-input" placeholder="请输入短信验证码" type="text" maxlength="6" lay-verify="required|number|msgcode">
								<div class="code">
									<button id="msg-btn" class="layui-btn layui-btn-normal" style="width: 130px;">获取验证码</button>
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-input-block">
								<button class="layui-btn" lay-submit lay-filter="changePwd">确定修改</button>
								<button type="reset" id="cz" class="layui-btn layui-btn-primary">重置</button>
							</div>
						</div>
					</div>
				</fieldset>
			</div>
		</form>

		<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script type="text/javascript" src="/static/layui/layui.all.js"></script>
		<script type="text/javascript" src="/static/js/changePwd.js"></script>
	</body>

</html>